<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .ttd {
            width: 250px;
        }
        .tc{
            text-align: center;
            width: 25%;
        }
        .logo_box{
            width: 60%;
            margin: 0 auto;
        }
        .logo_box img{
            width: 100%;
            height: 100%;
        }

        
        .page{
            height: 1010px;
            width: 100%;
            position: relative;
        }
        /*头部共用*/
        .share {
            width: 100%;
            margin-top: 15px;
        }

        .share img {
            width:100%;
            /* margin-left: 9%; */
        }

        
        .top2table {
            width: 90%;
            height: 30px;
            margin: 0px auto;
            font-size: 16px;
            color: #444444;
            border-collapse: collapse;
        }
    </style>
</head>
<body style="width: 720px;">
    <div class="page">
        <div class="share">
            <img src="http://qesoss.qtzh.com/logo.png" alt=""/>
            <div style="text-align: center;margin: 30px auto;">学员<span id="hChildName"></span><span id="hmonthTime"></span>训练报告</div>
            <table border="1" class="top2table">
                <tr style="height: 60px;">
                    <th style="padding-left: 15px;">姓名：<span id="resName"></span></th>
                    <th style="padding-left: 15px;">生理年龄：<span id="resAge"></span></th>
                    <th style="padding-left: 15px;">使用时间：<span id="resTime"></span></th>
                </tr>
            </table>
            
        </div>
        <table border="1" style="border-collapse: collapse;width: 90%;margin: 20px auto 0;text-align: center;">
                <tr>
                    <th style="width: 180px;">课程分类</th>
                    <th style="width: 50px;" colspan="2">训练目标</th>
                    <th style="width: 200px;">训练项目</th>
                    <th style="width: 100px;">达成情况</th>
                </tr>
                <tr>
                    <td rowspan="3">
                        <p>感知觉与运动</p>
                        <p id="teacher1">责任老师：</p>
                    </td>
                    <td colspan="2">感觉与知觉</td>
                    <td class="ttd" id="program1"></td>
                    <td id="rate1"></td>
                </tr>
                <tr>
                    <td colspan="2">大运动技能</td>
                    <td class="ttd" id="program2"></td>
                    <td id="rate2"></td>
                </tr>
                <tr>
                    <td colspan="2">精细动作</td>
                    <td class="ttd" id="program3"></td>
                    <td d="rate3"></td>
                </tr>
                <tr>
                    <td rowspan="4">
                        <p>言语与语言</p>
                        <p id="teacher2">责任老师：</p>
                    </td>
                    <td colspan="2">言语功能</td>
                    <td class="ttd" id="program6"></td>
                    <td id="rate6"></td>
                </tr>
                <tr>
                    <td rowspan="2" style="width: 65px;">语言表达</td>
                    <td>语言</td>
                    <td class="ttd" id="program7"></td>
                    <td rowspan="2" id="rate7"></td>
                </tr>
                <tr>
                    <td>句式</td>
                    <td class="ttd" id="program8"></td>
                    
                </tr>
                <tr>
                    <td colspan="2">社交互动</td>
                    <td class="ttd" id="program9"></td>
                    <td id="rate8"></td>
                </tr>
                <tr>
                    <td rowspan="2">
                        <p>认知</p>
                        <p id="teacher3">责任老师：</p>
                    </td>
                    <td colspan="2">基础认知</td>
                    <td class="ttd"  id="program4"></td>
                    <td id="rate4"></td>
                </tr>
                <tr>
                    <td colspan="2">认知能力</td>
                    <td class="ttd" id="program5"></td>
                    <td id="rate5"></td>
                </tr>
            </table>
        
        
        
    </div>

</body>
</html>